<template>
  <u-popup :show="show" @close="close" @open="open">
    <view class="login-box">
      <u-button v-if="checkboxValue.length == 0" type="primary" @click="login" text="获取手机号"></u-button>
      <u-button v-else type="primary" openType="getPhoneNumber" @getphonenumber="getPhoneNumber" text="获取手机号"></u-button>
      <view class="close" @click.stop="close">暂不获取</view>
      <view class="agreement">
        <u-checkbox-group v-model="checkboxValue" placement="column">
          <u-checkbox size="24">
          </u-checkbox>
        </u-checkbox-group>
        <view class="text">允许我们在必要的场景下，合理使用您的个人信息，且阅读并同意<text
            @click.stop="$to('/pages/login/agreementText')">《回收平台服务协议》</text></view>
      </view>
    </view>
  </u-popup>

</template>

<script>
  export default {
    props: {

    },
    data() {
      return {
        show: false, // 是否显示获取手机号弹窗
        checkboxValue: [],
      }
    },
    watch: {
      // show: {
      //   immediate: true,
      //   handler(n) {
      //     console.log("n",n)
      //     this.loginShow = n
      //   }
      // },
    },
    methods: {
      // 阅读隐私协议
      // readPrivacy() {
      //   uni.openPrivacyContract({
      //     success: () => {}, // 打开成功
      //     fail: () => {}, // 打开失败
      //     complete: () => {}
      //   })
      // },
      // 同意隐私协议
      // agreePrivacy() {
      //   // 告知平台用户已经同意，参数传同意按钮的id
      //   getApp().globalData.showPrivacy = false
      //   this.showPrivacy = false
      //   this.$http('/api/user/getCurrentUser')
      //     .then(res => {
      //       this.show = res ? !res.mobile : true
      //     })
      //     .catch(err => {
      //       console.log(err)
      //     })
      // },
      // 拒绝隐私授权
      // refusePrivacy() {
      //   uni.showToast({
      //     title: '授权失败',
      //     icon: 'error',
      //     duration: 3000,
      //     mask: true
      //   })
      //   this.showPrivacy = false
      //   return
      // },
      login() {
        if (this.checkboxValue.length == 0) return this.$f.toast('请先阅读并同意《用户协议》和《隐私协议》')
      },
      getPhoneNumber(e) {
        const _this = this
        _this.show = false
        _this.$emit('tapLogin',e.detail.code)
      },
      open() {
        this.show = true
      },
      close() {
        this.show = false
      }
    }
  }
</script>

<style lang="scss" scoped>
  ::v-deep button {
    border-radius: 80rpx !important;
  }

  .login-box {
    padding: 50rpx;

    .close {
      padding: 30rpx;
      color: #999;
      text-align: center;
      font-size: 24rpx;
    }
  }

  .agreement {
    font-size: 24rpx;
    display: flex;
    line-height: 34rpx;
    padding-top: 20rpx;

    ::v-deep .u-radio-group {
      flex: inherit;
    }

    .text {
      font-size: 24rpx;

      text {
        color: #1890ff;
      }
    }
  }
</style>
